<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/index2.css">
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <title>第二屏</title>
</head>
<body>
<div class="main">
	<header>
			<h3>领导驾驶舱</h3>
			<ul>
				<li onclick="fullScreen()">
					<img src="images/head/f1.png"/>
					全屏显示
				</li>
				<li  onclick="exitScreen()">
					<img src="images/head/t1.png"/>
					退出全屏
				</li>
				<li>
					<img src="images/head/c1.png"/>
					关闭驾驶舱
				</li>
			</ul>
		</header>
	<div class="main2 clearfix">
		
		<div class="main2-con1">
			<div class="t-t">
				<img src="images/title_icon.png"/>
				<span class="yl">危大工程管控</span>
			</div>
			<div class="main2-table">
				<table>
					<tr>
						<th>危大工程名称</th>
						<th class="dd">预计施工开始时间</th>
						<th class="dd">预计施工开始时间</th>
						<th>验收次数</th>
						<th>负责人</th>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层板支#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模板支撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模板支撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模板支撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模板支撑工程</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>
							<p>1#2#5#楼转换层模板支撑工程ff</p>
						</td>
						<td>2019-02-28</td>
						<td>2019-03-01</td>
						<td>3</td>
						<td>张三</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="main2-con2">
			<div class="t-t">
				<img src="images/title_icon.png"/>
				<span class="yl">安全教育培训</span>
				<ul class="main2-nav2" >
					<li class="active">培训人数</li>
					<li>人均次数</li>
					<li>人均学时</li>
				</ul>
			</div>
			<div class='main2-con2-echarts' style="display: block;"></div>
			<div class='main2-con2-echarts'></div>
			<div class='main2-con2-echarts'></div>
		</div>
		<div class="main2-con3">
			<div class="t-t">
				<img src="images/title_icon.png"/>
				<span class="yl">特种设备管理</span>
			</div>
			<div id="main2-echarts3"></div>
		</div>
		<div class="main2-con4">
			<div class="t-t">
				<img src="images/title_icon.png"/>
				<span class="yl">班组管理</span>
				<ul class="main2-nav4">
					<li class="active">班前会</li>
					<li>违章分布</li>
				</ul>
			</div>
			<ul class="main2-echarts4" >
				<li id="main2-echarts4_1"></li>
				<li id="main2-echarts4_2" ></li>
				<li id="main2-echarts4_3"></li>
				<li id="main2-echarts4_4"></li>
				<li id="main2-echarts4_5"></li>
				<li id="main2-echarts4_6"></li>
			</ul>
			<div id='break'>
				
			</div>
		</div>
	</div>
	<img src="images/bigLeft1.png" class='goLeft'/>
	<img src="images/bigRight1.png" class='goRight'/>
</div>
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/nicescroll.min.js"></script>
	<script src="js/common.js"></script>
    <script src="js/echart1.js"></script>
    <script src="js/echart2.js"></script>
    <script src="js/echart3.js"></script>
    <script src="js/echart4.js"></script>
    <script>
    	var scrollParam = {
    		cursorcolor:'#3693f1',
    		cursorwidth:20,
    		cursorborder:'none',
    		cursorborderradius:0,
    		autohidemode:false,
    		cursorfixedheight:50,
    		background:'#092751',
    	}
    	$('.main2-table').niceScroll(scrollParam)
    	$('.main2-echarts4').niceScroll(scrollParam)
    	$('.main2-nav4 li').click(function(){
    		$(this).attr('class','active').siblings().removeClass('active')
    		if($(this).index() == 1){
    			$('#break').show()
    			$('.main2-echarts4').hide()
    		}else{
    			$('#break').hide()
    			$('.main2-echarts4').show()
    		}
    	})
    	
    	

 
    </script>
</body>
</html>